﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WEBSITE_BANDEAL.Admin.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script type="application/javascript">
    jQuery(document).ready(function(){
	
        jQuery('#overviewselect, input:checkbox').uniform();
		
        ///// SLIM SCROLL /////
        jQuery('#scroll1').slimscroll({
            color: '#666',
            size: '10px',
            width: 'auto',
            height: '175px'                  
        });
		
        ///// ACCORDION /////
        jQuery('#accordion').accordion({autoHeight:  false});
	
        ///// SIMPLE CHART /////
        var chart;	
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                zoomType: 'xy'
            },
            title: {
                text: 'Biểu đồ thống kê lượt khách truy cập trong vòng 7 ngày'
            },
            subtitle: {
                text: '(Từ <%Response.Write(DateTime.Now.AddDays(-6).ToString("dd/MM/yyyy")); %> đến  <%Response.Write(DateTime.Now.ToString("dd/MM/yyyy")); %>)'
    },
        xAxis: [{
            categories: [<%for (int i = 6; i >= 1; i--)
                           {
                               Response.Write("'");
                               Response.Write(DateTime.Now.AddDays(-i).ToString("dd/MM"));
                               Response.Write("', ");
                           }
                           Response.Write("'");
                           Response.Write(DateTime.Now.ToString("dd/MM"));
                           Response.Write("'"); %>],
    }],
    yAxis: [{ // Primary yAxis
        labels: {
            formatter: function() {
                return this.value +'';
            },
            style: {
                color: '#89A54E'
            }
        },
        title: {
            text: '',
            style: {
                color: '#89A54E'
            }
        }
    }, { // Secondary yAxis
        title: {
            text: 'Lượt truy cập',
            style: {
                color: '#4572A7'
            }
        },
        labels: {
            formatter: function() {
                return this.value +' lượt';
            },
            style: {
                color: '#4572A7'
            }
        },
        opposite: true
    }],
    tooltip: {
        formatter: function() {
            return ''+
                this.x +': '+ this.y +
                (this.series.name == 'Lượt truy cập' ? ' lượt truy cập' : ' bài viết');
        }
    },
    legend: {
            layout: 'vertical',
            align: 'left',
            x: 70,
            verticalAlign: 'top',
            y: 30,
            floating: true,
            backgroundColor: '#FFFFFF'
    },
    series: [{
        name: 'Lượt truy cập',
        color: '#4572A7',
        type: 'column',
        yAxis: 1,
        data: [<% if (!IsPostBack)
                  {
                      for (int i = 6; i >= 1; i--)
                      {
                          DateTime ngay = DateTime.Now.AddDays(-i);
                          Response.Write(BUS.BO_DEMBUS.so_luong_theo_ngay(ngay));
                          Response.Write(",");
                      }
                      DateTime now = DateTime.Now;
                      Response.Write(BUS.BO_DEMBUS.so_luong_theo_ngay(now));
                  }
                  %>],
    }]
    });
		
		
    ///// SWITCHING LIST FROM 3 COLUMNS TO 2 COLUMN LIST /////
    function rearrangeShortcuts() {
        if(jQuery(window).width() < 430) {
            if(jQuery('.shortcuts li.one_half').length == 0) {
                var count = 0;
                jQuery('.shortcuts li').removeAttr('class');
                jQuery('.shortcuts li').each(function(){
                    jQuery(this).addClass('one_half');
                    if(count%2 != 0) jQuery(this).addClass('last');
                    count++;
                });	
            }
        } else {
            if(jQuery('.shortcuts li.one_half').length > 0) {
                jQuery('.shortcuts li').removeAttr('class');
            }
        }
    }
	
    rearrangeShortcuts();
	
    ///// ON RESIZE WINDOW /////
    jQuery(window).resize(function(){
        rearrangeShortcuts();
    });


    });
</script>
<div class="centercontent">
  <div class="pageheader notab">
    <h1 class="pagetitle">Welcome to Adminpanel</h1>
    <span class="pagedesc">
    Đây là trang quản trị hotdeal
    </span> </div>
  <!--pageheader--> 
  <!-- Begin hightchat --> 
  
  <!-- End #hightchat -->
  <div id="contentwrapper" class="contentwrapper">
    <div id="updates" class="subcontent">
      <div class="notibar announcement"> <a class="close"></a>
        <h3>Thông báo</h3>
        <p>Cẩn thận khi thao tác với dữ liệu tại trang quản trị này. Dữ liệu đã xóa đi không thể phục hồi lại được.</p>
      </div>
      <!-- notification announcement -->
      
      <div class="two_third dashboard_left">
        <div class="module_content">
          <article class="stats_graph">
            <div class="content-box-content">
              <div id="container" style="width: 700px; height: 300px; margin: 0 auto; display:block"></div>
            </div>
          </article>
          <article class="stats_overview">
            <div class="overview_today">
              <p class="overview_day">Hôm nay</p>
              <p class="overview_count">
                  <asp:Literal ID="lit_homnay" runat="server"></asp:Literal>
              </p>
              <p class="overview_type">Hits</p>
            </div>
            <div class="overview_previous">
              <p class="overview_day">Hôm qua</p>
              <p class="overview_count">
                 <asp:Literal ID="lit_homqua" runat="server"></asp:Literal>
              </p>
              <p class="overview_type">Hits</p>
            </div>
            <div class="overview_today">
              <p class="overview_day">Tuần này</p>
              <p class="overview_count">
                 <asp:Literal ID="lit_tuannay" runat="server"></asp:Literal>
              </p>
              <p class="overview_type">Hits</p>
            </div>
            <div class="overview_previous">
              <p class="overview_day">Tháng này</p>
              <p class="overview_count">
                 <asp:Literal ID="lit_thangnay" runat="server"></asp:Literal>
              </p>
              <p class="overview_type">Hits</p>
            </div>
          </article>
        </div>
        <br clear="all" />
        <br clear="all" />
      </div>
      <!--two_third dashboard_left --> 
      
    </div>
    <!-- #updates --> 
    
  </div>
  <!--contentwrapper--> 
  
  <br clear="all" />
</div>
<!-- centercontent -->
    
</asp:Content>
